<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/back.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no">
</head>
<body>
<div class="header-box">
  <p id="DR_title">损坏上报</p>
</div>
<div class="des_title">
  <div class="des_title_box">
    <span id="DR_title_con">破损描述</span>
    <div class="xingxing1" style="display:none;" id="xingxing1">
      <img src="img/index/xing5@2x.png">
      <img src="img/index/xing5@2x.png">
      <img src="img/index/xing5@2x.png">
      <img src="img/index/xing5@2x.png">
      <img src="img/index/xing6@2x.png">
      <span id="evaluationStar">4</span>
    </div>
  </div>
</div>
<div class="sub_con">
  <div class="sub_con_box">
    <textarea rows="7" cols="10" placeholder="破损情况" id="RD_textarea"></textarea>
    <input type="file" class="hide" accept="image/*" name="image"><img src="img/back/tuceng 5@2x.png"></input>
  </div>
</div>
<div class="chose_report" id="chose_report">
  <div class="sub_tishi_box">
    <p>您好！感谢您及时上报破损信息，若是您家宝贝无意损坏，我们希望让宝贝跟我们一起来修复处理，若是上一借书人损坏，请在系统中告知，我们会尽快处理</p>
  </div>
  <div class="heng_box"></div>
  <div class="chose_report_box">
    <div class="chose_con" id="chose_con">
      <p>是否您家宝贝损坏？</p>
      <span style="margin-left:1.4rem;"><i class="report_active"></i><b> 是</b></span>
      <span style="margin-left:0.98rem;"><i></i><b> 否</b></span>
    </div>
    <div class="pho_title">
      <p>若是您的孩子无意损坏，请留下您的联系方式</p>
      <p style="margin-top:0.38rem;"><span>称呼</span><input type="text"></p>
      <p style="margin-top:0.38rem;"><span>电话</span><input type="text"></p>
    </div>
    <div class="pho_con">
      <div class="pho_con_text">
        <p>客服电话</p>
        <p>18010039827</p>
        <p>18010037968</p>
      </div>
      <img src="img/back/tuceng 26@2x.png">
    </div>
  </div>
</div>
<div class="footer_kb"></div>
<div class="footer_kb1"></div>
<div class="sub">
  <div class="sub_box" id="sub_box">
    <a href="javascript:;">
      <span id="anonymity" style="display:none;">
        <i></i>
        <b style="display:inline-block;color:#020202;font-size:0.26rem;">匿名</b>
      </span>
    </a>
    <a href="javascript:;" id="to_sub">
      提交
    </a>
<!--     <a href="javascript:;" id="to_sub"> -->
<!--       返回 -->
<!--     </a> -->
  </div>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/base.js"></script>
<script src="myjs/damageReport.js"></script>
<script>
$("#chose_con").on("click","span",function () {
   $(this).children("i").addClass("report_active");
   $(this).siblings().children("i").removeClass("report_active");
});
$("#anonymity").click(function () {
    if ($(this).children("i").hasClass("anonymity")) {
      $(this).children("i").removeClass("anonymity");
    }else{
      $(this).children("i").addClass("anonymity");
    }
});
function deff(ti,tx1,tx2) {
  $("#DR_title").html(ti);
  $("#DR_title_con").html(tx1);
  $("#RD_textarea").attr("placeholder",tx2);
}
var args=arg();
if (args.tp==0 ){
  deff("损坏上报","破损描述","破损情况");
  $("#xingxing1").css("display","none");
  $("#anonymity").css("display","none");
  $("#chose_report").css("display","block");
} else if (args.tp==1 ) {
  deff("评价","综合描述","分享您的阅读体验");
  $("#xingxing1").css("display","block");
  $("#anonymity").css("display","block");
  $("#chose_report").css("display","none");
}
</script>
</html>